<template>
  <div class="hello">
    子项目
    <p>这是在parent1中修改的</p>

    <p class="p2">这是在parent2中修改的</p>

    <p class="p11">这又是在parent1中修改的,加绿色边框</p>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.hello {
  border: 1px solid red;

}
.p2 {
  border: 1px solid blue;
} 
.p11 {
  border: 1px solid green;
}
</style>
